:root {
    /* 宇宙主题色系 */
    --cosmic-void: #0b0e17;          /* 深空背景 */
    --nebula-core: #1a2035;          /* 星云主色 */
    --stellar-blue: #537bee;         /* 恒星能量蓝 */
    --plasma-purple: #7d5fff;        /* 等离子紫 */
    --neutron-glow: rgba(255,255,255,0.8); /* 星体高光 */
    --event-horizon: rgba(255,255,255,0.1); /* 悬浮边缘 */
  }

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  position: relative;
}


body {
    background-color: var(--cosmic-void);
    color: var(--neutron-glow);
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    min-height: 100vh;
    background-image: 
      radial-gradient(circle at 20% 30%, var(--plasma-purple) 0%, transparent 25%),
      radial-gradient(circle at 80% 70%, var(--stellar-blue) 0%, transparent 25%);
  }

  a {
    color: var(--stellar-blue);
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
  }
  
  a:hover {
    color: var(--plasma-purple);
    text-shadow: 0 0 8px rgba(125, 95, 255, 0.4);
  }
  
  a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background: linear-gradient(90deg, var(--stellar-blue), var(--plasma-purple));
    transition: width 0.3s ease;
  }
  
  a:hover::after {
    width: 100%;
  }